<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    用户名<input type="text" name="" id="i1">
    <span id="s1"></span>
    <br>
    手机号<input type="text" name="" id="i2">
    <span id="s2"></span>
    <br>
    密码<input type="text" name="" id="i3">
    <span id="s3"></span>
    <br>
    <script>
        i1.onblur=function(){
        var reg=/^[A-Za-z]{6,14}$/
    if(reg.test(i1.value)){
        s1.innerHTML="验证成功"
    }else{
        s1.innerHTML="验证失败"
    }
    }

    i2.onblur=function(){
     var reg=/^1(3|5|6|7|8|9)\d{9}$/
    if(reg.test(i2.value)){
        s2.innerHTML="验证成功"
    }else{
        s2.innerHTML="验证失败"
    }
    }

    i3.onblur=function(){
    var reg=/^[0-9a-zA-Z\W]{8,14}$/
    if(reg.test(i3.value)){
        s3.innerHTML="验证成功"
    }else{
        s3.innerHTML="验证失败"
    }
    }
    </script>
</body>
</html>